<!DOCTYPE html>
<html>
<head>
  <title>JS代码在线优化工具</title>
  <link rel="stylesheet" href="/css/app.css"/>
  <script type="text/javascript" src="/js/zepto-1.0.rc1.js"></script>
  <script type="text/javascript" src="/js/jslint.js"></script>
  <script type="text/javascript" src="/js/app.js"></script>
</head>
<body>
  <!-- head start -->
  <div id="head">
    <center><h1>JS代码优化工具</h1></center>
    <div class="right">
      <a href="/configs.html">配置项说明</a><br/>
      <a href="/convention.html">JS代码规范</a><br/>
      <a href="/other_tool.html">其他代码优化工具</a><br/>
      <a href="/about.html">关于</a>
    </div>
  </div>

  <!-- body start -->
  <div id="body">

    <!-- body_left start -->
    <div id="left" class="float_left">
      <div class='config'>
        <div class="left ac">配置选项</div>
        <div class="right ac reset">重置</div>
      </div>
      <div>允许:</div>
      <div><input type="checkbox" name="bitwise" />允许位操作符</div>
      <div><input type="checkbox" name="cap" />允许大写HTML标签</div>
      <div><input type="checkbox" name="continue" />允许continue语句</div>
      <div><input type="checkbox" name="css" />允许CSS方法</div>
      <div><input type="checkbox" name="debug" />允许调试语句</div>
      <div><input type="checkbox" name="eqeq" />允许==和!=操作符</div>
      <div><input type="checkbox" name="es5" />允许ES5语法</div>
      <div><input type="checkbox" name="evil" />允许eval语句</div>
      <div><input type="checkbox" name="forin" />允许未过滤的forin语句</div>
      <div><input type="checkbox" name="fragment" />允许HTML片段</div>
      <div><input type="checkbox" name="newcap" />允许类构造器首字母不是大写</div>
      <div><input type="checkbox" name="nomen" />允许标识符中有 _</div>
      <div><input type="checkbox" name="on" />允许HTML事件处理器</div>
      <div><input type="checkbox" name="plusplus" />允许++和--操作符</div>
      <div><input type="checkbox" name="regexp" />允许正则表达式中包含.和[^...]</div>
      <div><input type="checkbox" name="sloppy" />use strict语法指令</div>
      <div><input type="checkbox" name="stupid" />允许blocking('...Sync') methods</div>
      <div><input type="checkbox" name="sub" />允许在逗号表达式中使用下标符号</div>
      <div><input type="checkbox" name="undef" />允许使用未定义变量和方法</div>
      <div><input type="checkbox" name="unparam" />提示未使用参数</div>
      <div><input type="checkbox" name="vars" />允许在一个方法中存在多个var语句</div>
      <div><input type="checkbox" name="white" />忽略strict whitespace rules</div>
      <div>预定义变量:</div>
      <div><input type="checkbox" name="browser" />预定义浏览器对象</div>
      <div><input type="checkbox" name="devel" />预定义浏览器全局对象:console, alert...</div>
      <div><input type="checkbox" name="node" />预定义Node.js全局变量</div>
      <div><input type="checkbox" name="rhino" />预定义Rhino环境变量</div>
      <div><input type="checkbox" name="windows" />预定义window全局变量</div>
      <div>其他:</div>
      <div><input type="checkbox" name="passfail" />在遇到第一个错误时停止</div>
      <div><input type="text" name='indent' value="4"/>缩进</div>
      <div><input type="text" name='maxerr' value="50"/>允许错误的最大数量</div>
      <div><input type="text" name="maxlen" value="100"/>一行的最大长度</div>
      <!-- <div><input type="checkbox" name="safe" /></div> -->
      <!-- <div><input type="checkbox" name="adsafe" /></div> -->
    </div>    

    <!-- body_right start -->
    <div id="right" class="float_left">
      <!-- js预定义变量输入框 -->
      <div class="predef_variable">
        <div class='left'>预定义变量(空格分割)</div>
        <div class='right empty'>清空</div>
        <input name='variable'/>
      </div>
      <!-- js源代码输入框 -->
      <div class="js_source">
        <div class="left">JS源代码</div>
        <div class="right empty">清空</div>
        <textarea name="jssource" id="jssource" cols="30" rows="10"></textarea>
        <div class="button">JSLINT</div>
      </div>
      <!-- js检测结果 -->
      <div class="lint_report">
      </div>
    </div>

    <div class="clear"></div>
  </div>

  <!-- footer start -->
  <div id="footer">
    <!-- <center>This site is based on the JSLINT library.</center> -->
  </div>

</body>
</html>